<include file="public/header" title="个人中心" body="g4"/>
<style>
    .person .lors{
        width: 100%;
        font-size: .853rem;
        font-weight: bold;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
    }
    .person .lors span{
        font-size: .554rem;
    }
    .person .city{
        width: 100%;
        padding-left: .7467rem;
        margin-top: .64rem;
        font-size: .64rem;
        font-weight: bold;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
        color: #ffffff;
    }
    .person .lors .userinfo{
        padding-top: 0.85rem;
        padding-left: .7467rem;
        font-size: .597rem;
        color: #ccffff;
    }
    .person .lors .usermoney{
        margin-top: 0.85rem;
        padding-left: 2.474rem;
        font-size: .768rem;
        color: #5bd3e3;
    }
    .reporthearder {
        height:7.68rem;
        background-image: url('');
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        background-color: #5bd3e3;
    }
    .reporthearder .toptitle{
        height:1.6rem;
        background-size: cover;
        color: #ffffff;
        font-size: .85rem;
        text-align: center;
        line-height: 1.6rem;
        width: 100%;
        background-color: #5bd3e3;
    }
    .reporthearder .person {
        height:6.08rem;
        display: contents;
        top: 0%;
        bottom: 0%;
        width: 100%;
        margin-top: 0rem;
    }
    .fxperson{
        z-index: 99999;
        width: 14.9rem;
        height: 3.2rem;
        margin-top: -1.6rem;
        margin-left:auto;
        margin-right: auto;

    }
    .fxperson .lors{
        height: 3.2rem;
        color: #fff;
        border-radius:15px;
        -moz-border-radius:25px; /* Old Firefox */
        margin-left: 0.5%;
        margin-right:  0.5%;
        width: 48%;
        font-size: .568rem;
        text-align: center;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
        z-index: 99999;
        background-color: #ffffff;
    }
    .fxperson .lors .userinfo{
        z-index: 99999;
        padding-top: .896rem;
        font-size: .512rem;
        color: #b2b2b2;
    }
    .fxperson .lors .usermoney{

        text-align: center;
        z-index: 99999;
        margin-top: 0.42rem;
        font-size: .64rem;
        color: #5bd3e3;
    }
    .order{
        z-index: 99999;
        width: 14.9rem;
        margin-top: 1.07rem;
        font-size: 0.64rem;
        margin-left:auto;
        margin-right: auto;
    }
    .ordercontent{
        border-radius:15px;
        -moz-border-radius:25px; /* Old Firefox */
        z-index: 99999;
        height: 5.54rem;
        margin-top: 0.85rem;
        background-color: #ffffff;
        box-shadow: -6px 0 0 #5bd3e3;
    }
    .ordercontent .lors1 {
        width: 100%;
        color: #161616;
        font-size: .64rem;
        margin-top: 0.64rem;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 99999;
    }
    .ordercontent .lors1 .ordernum{
        padding-left: 0.53rem;
    }
    .ordercontent .lors1 .status{
        margin-left: 2.6rem;
        font-weight: bold;
        color: #5bd3e3;
    }
    .ordercontent .userinfo{
        margin-left: 0.853rem;
    }
    .ordercontent .usermoney{
        margin-left: 6.93rem;
    }
    .ordercontent .lors2{
        width: 100%;
        color: #161616;
        font-size: .64rem;
        margin-top: 0.768rem;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 99999;
    }
    .ordercontent .lors2 .ordername{
        padding-left: 0.53rem;
    }
    .ordercontent .lors2 .ordermoney{
        margin-left: 4.9rem;
        color: #b2b2b2;
    }
    .ordercontent .lors2 .money{
        color: #161616;
    }
    .ordercontent .lors3{
        margin-top: 0.725rem;
        margin-left: 0.53rem;
        margin-right: 0.53rem;
        width: 90%;
        background-color: #b2b2b2;
        height:0.05rem;
    }
    .ordercontent .lors4{
        width: 100%;
        color: #161616;
        font-size: .64rem;
        margin-top: 0.64rem;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 99999;
    }
    .ordercontent .lors4 .ordertips{
        margin-left: 6.826rem;
    }
    .ordercontent .lors4 .ordermoney{
        font-weight: bold;
        margin-left: 0.015rem;
        font-size: 0.853rem;
        color: #ff6666;
    }
    .footer ul li {
        width: 33%;
    }
    /*//11.52*/
    .icon img{
        width: 1.06rem;
        height: 1.06rem;
    }
</style>
<div>
    <div class="reporthearder">
        <div class="toptitle">
            <!--<a href="">-->
            <p class="tips">业绩</p>
            <!--</a>-->
        </div>
        <div class="person">
            <!--<a href="">-->
            <div class="fl lors">
                <p class="userinfo">姓名：  <span>{$user.nickname}</span></p>
            </div>
            <div class="fl city">
                <p >111111111111111</p>
            </div>
            <!--</a>-->
        </div>
    </div>
    <div class="fxperson">
        <div class="fl lors">
            <p class="userinfo">订单总数</p>
            <p class="usermoney">{$order_count}</p>
        </div>
        <div class="fl lors">
            <p class="userinfo">订单收益（元）</p>
            <p class="usermoney">{$user.order_money}</p>
        </div>
    </div>
    <div class="order">
        <foreach name="order_list" item="v">
            <a  href="{:U('/Mobile/Report/order_detail',array('id'=>$v.order_id))}">
                <div class="ordercontent">
                    <div class="fl lors1">
                        <span class="ordernum"> 订单编号：{$v.order_sn}</span>
                        <span class="status">{$v.order_status}</span>
                    </div>
                    <div class="fl lors2">
                        <span class="ordername">{$v.nickname}</span>
                        <span class="ordermoney">合计货款：</span><span class="money">{$v.total_amount}</span>
                    </div>
                    <div class="fl lors3">

                    </div>
                    <div class="fl lors4">
                        <span class="ordertips">分红（{$v.per}%）</span> <span class="ordermoney">¥{$v.permoney}</span>
                    </div>
                </div>
            </a>
        </foreach>
    </div>

    <!--底部导航-start-->
    <div class="foohi">
        <div class="footer">
            <ul>
                <li>
                    <a href="{:U('Report/help')}">
                        <div class="icon">
                            <img src="__STATIC__/images/report/tips.png" >
                            <p>帮助</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{:U('Report/achieve')}">
                        <div class="icon">
                            <img src="__STATIC__/images/report/achieve-c.png" >
                            <p>业绩</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{:U('Report/index')}">
                        <div class="icon">
                            <img src="__STATIC__/images/report/user.png">
                            <p>我的</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="__PUBLIC__/js/jqueryUrlGet.js"></script><!--获取get参数插件-->
<script type="text/javascript">
    $(document).ready(function(){
        var cart_cn = getCookie('cn');
        if(cart_cn == ''){
            $.ajax({
                type : "GET",
                url:"/index.php?m=Home&c=Cart&a=header_cart_list",//+tab,
                success: function(data){
                    cart_cn = getCookie('cn');
                    $('#cart_quantity').html(cart_cn);
                }
            });
        }
        $('#cart_quantity').html(cart_cn);
    });

    set_first_leader();//设置推荐人
</script>
<!-- 微信浏览器 调用微信 分享js-->
<include file="public/wx_share"/>
<!-- 微信浏览器 调用微信 分享js  end-->
<!--底部导航-end-->
<script src="__STATIC__/js/style.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            $('#logout').hide();
        }
    });
</script>
</body>
</html>
